@charset "UTF-8";

@import '_reset';
@import '_common';

// 中间
section {
	padding: r(89) 0 r(96);
	width: 100%;
	height: 100%;
	overflow: auto;
	.swiper {
		position: relative;
		width: 100%;
		height: r(357);
		img {
			width: 100%;
		}
		.mask {
			position: absolute;
			width: 100%;
			height: r(107);
			left: 0;
			bottom: 0;
			background-color: rgba(0,0,0,.5);
			padding: 0 r(28);
			color: white;
			display: flex;
			flex-direction: column;
			justify-content: center;
			.title {
				font-size: r(26);
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.date {
				font-size: r(16);
				margin-top: r(10);
				i {
					font-size: r(18);
					margin-right: r(29);
				}
			}
		}
	}
	.main {
		border-top: r(25) solid #f5f5f5;
		.m_content {
			width: r(583);
			margin: 0 auto;
			.c_top {
				display: flex;
				justify-content: space-between;
				align-items: center;
				.t_left {
					display: flex;
					align-items: center;
					margin-top: r(27);
					.photo {
						width: r(58);
						height: r(58);
						border-radius: 50%;
						img {
							width: 100%;
						}
					}
					.l_name {
						margin-left: r(16);
						color: $colorGray;
						width: r(225);
						.name {
							font-size: r(28);
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
						.job {
							font-size: r(18);
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}
				}
				.t_right {
					display: flex;
					justify-content: center;
					align-items: center;
					width: r(228);
					height: r(58);
					background-color: $color;
					color: white;
					font-size: r(28);
					i {
						margin-left: r(10);
						font-size: r(30);
					}
				}
			}
			.c_content {
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-bottom: 1px solid #e2e2e2;
				padding: r(13) 0;
				.c_message {
					font-size: r(24);
				}
				.c_date {
					font-size: r(16);
					color: $colorGray;
				}
			}
			.c_img {
				width: 100%;
				height: r(432);
				overflow: hidden;
				margin: r(20) 0;
				img {
					width: 100%;
				}
			}
		}
	}
}